<template>
  <el-select
    class="input-default-width"
    size="large"
    placeholder="方式"
    clearable
  >
    <el-option
      v-for="item in data"
      :key="item"
      :label="item.label"
      :value="item.value"
    ></el-option>
  </el-select>
</template>

<script  setup>
import { ref, onMounted } from "vue";
const data = ref([
  {
    label: "线下赛",
    value: 0,
  },
  {
    label: "线上赛",
    value: 1,
  },
  {
    label: "线上+线下赛",
    value: 2,
  },
]);
</script>

<style lang="scss" scoped>
:deep .el-select__selection {
  width: 132px !important;
}
</style>